// components/color/color.js
Component({
  /**
   * 组件的属性列表
   */
  properties: {

  },

  /**
   * 组件的初始数据
   */
  data: {
    color:{
      r:0,
      g:0,
      b:0
    },
    fullColor:"0,0,0"
  },
  // 监听器
  observers:{
    "color.r,color.g,color.b":function(a,b,c){
      this.setData({
        fullColor:`${a},${b},${c}`
      })
    }
  },

  /**
   * 组件的方法列表
   */
  methods: {
    myCilck(e){
      // 接收参数
      let {type}=e.target.dataset
      // 数值累加
      this.data.color[type]+=5
      // 设置边界
      if(this.data.color[type]>255){
        this.data.color[type]=255
      }
      // 渲染的页面
      this.setData({
        color:this.data.color
      })


    }
  }
})
